<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="css/startPage.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    
    <script type="text/javascript"> 
		$(document).ready(function(){
			$(".flip").click(function(){
    			$(".panel").slideToggle("slow");
  			});
		});
	</script>

	<title>Battleship Boar Game</title>
</head>
<body>
<table class="center" border="0">
		<tr>
			<td><img border="0" src="img/battleship.png" alt="Battleship-logo" title="Battleship-logo"/></td>
		</tr>
		<tr>
			<td>
				<div class="panel">
					<div class="center">
						<br/>
                          	<a href="#"><img border="0" src="img/vk.png" alt="vk" title="vk" /></a>
                            <a href="https://www.facebook.com/dialog/oauth?client_id=${FBAppID}&redirect_uri=${FBRedirect}&state=${FBState}"><img border="0" src="img/facebook.png" alt="facebook" title="facebook"/></a>
                            <a href="#"><img border="0" src="img/twitter.png" alt="twitter" title="twitter"/></a>
					</div>
				</div>
 				<div align="center">
               		<img class="flip" src="img/login.png" alt="Login" title="Login" />
                </div>
			</td>
		</tr>
	</table>
<%-- 	<a href="https://www.facebook.com/dialog/oauth?client_id=${FBAppID}&redirect_uri=${FBRedirect}&state=${FBState}">Logi sisse FB-ga</a> --%>
</body>
</html>